<!doctype html>
<html class="no-js" lang="zxx">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>橘井泉香·旅寓新安</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

		
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="static/css/bootstrap.min.css">
        <link rel="stylesheet" href="static/css/animate.min.css">
        <link rel="stylesheet" href="static/css/animatedheadline.css">
        <link rel="stylesheet" href="static/css/magnific-popup.css">
        <link rel="stylesheet" href="static/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="static/css/slick.css">
        <link rel="stylesheet" href="static/css/default.css">
        <link rel="stylesheet" href="static/css/style.css">
        <link rel="stylesheet" href="static/css/responsive.css">
    </head>
    <body>
        <!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->


        <!-- Preloader -->
        <div class="preloader">
            <div class="dot-container">
                <div class="dot dot-1"></div>
                <div class="dot dot-2"></div>
                <div class="dot dot-3"></div>
            </div>
        </div>
        <!-- Preloader End -->

        <header id="home">
            <div class="header-area header-sticky pt-25 pb-25">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-2 col-lg-2 col-6">
                            <div class="logo">
                                <a href="#"><img src="static/picture/logo_last.png" alt="This is site logo" weight=70 height=60></a>
                            </div>
                        </div>
                        <div class="col-xl-8 col-lg-8 col-6">
                            <div class="main-menu">
                                <nav class="responsive-nav">
                                    <ul class="navbar-links navbar-collapse">
                                      <li class="bar-link active"><a href="#home">首页</a></li>
                                      <li class="bar-link"><a href="#about">民宿介绍</a></li>
                                      <li class="bar-link"><a href="#resume">旅行攻略</a></li>
                                      <li class="bar-link"><a href="#portfolio">营养定制</a></li>
                                      <li class="bar-link"><a href="#client">文创宣传</a></li>
                                      <li class="bar-link"><a href="#contact">联系我们</a></li>
                                    </ul>
                                    <div class="burger menu-toggle">
                                      <div class="line1"></div>
                                      <div class="line2"></div>
                                      <div class="line3"></div>
                                    </div>
                              </nav>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2">
                            <div class="header-social">
                                <a href="#" class="fb"><i class="fab fa-facebook-f"></i></a>
                                <a href="#" class="linkedin"><i class="fab fa-linkedin-in"></i></a>
                                <a href="#" class="twitter"><i class="fab fa-twitter"></i></a>
                                <a href="#" class="dribble"><i class="fab fa-dribbble"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <main>
            <!-- slider area start -->
            <div class="slider-area fix bg-dark" data-background="img/slider/1.img.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="slider-content">
                                <h1 class="wow flipInX" data-wow-duration="2s" data-wow-delay=".3s">欢迎来到</h1>
                                <h2 class="ah-headline wow flipInY" data-wow-duration="2s" data-wow-delay=".3s">
                                    <span class="ah-words-wrapper">
                                        <b class="is-visible">橘井泉香·旅寓新安</b>
                                        <b>新安医学</b>
                                        <b>文化民宿 </b>
                                    </span>
                                </h2>
                                <h6 class="wow bounceInLeft" data-wow-duration="2s" data-wow-delay=".3s">安徽中医药大学</h6>
                                <a href="content.html" class="wow bounceInRight" data-wow-duration="12" data-wow-delay=".3s">Hire Me</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- slider area end -->
            <!-- about area start -->
            <div class="about-area pt-100 pb-100" id="about">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="section-title">
                                <h1>民宿介绍</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-4 col-lg-4 col-sm-4 col-12">
                            <div class="about-content">
                                <ul>
                                    <li><span>设计理念: </span>中医五行</li>
                                    <li><span>设计区域:</span>入口、天井、走廊、公共区域、庭院等</li>
                                    <li><span>微信公众号: </span>橘泉</li>
                                    <li><span>地址: </span>安徽中医药大学</li>
                                </ul>
                                <a href="content.html">详情点击</a>
                            </div>
                        </div>
                        <div class="col-xl-7 offset-xl-1 col-lg-7 offset-lg-1 col-sm-8 col-12">
                            <div class="about-content">
                                <h2>室内装修主要以 <span>徽派风格</span>为主，设置<span>“中医五行”</span>主题功能区</h2>
                                <p>将传统国风与现代化设计结合，打造古典大气、整洁明亮、配套全面、舒适优美的居住环境。融合新安医学内容，徽州非遗文化，以及本团队文创IP形象作为室内装修设计元素。</p>
                                <p>民宿内部主要可以借用“五行”的概念分为五个功能活动区。“木”具有调达舒畅的性质，故“木”区开展中医药特色理疗服务。“火”是热烈蓬勃，具有生机与活力的意向，故“火”区展开商业娱乐项目。“土”在自然和人体中都是极为重要的生发之源，是后天之本，故“土”区为就餐区。“金”引申为收敛、安静之意，适合旅客的调整休息，故“金”区为住宿区。“水”区主要提供药浴服务。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- about area end -->
            <!-- resume area start -->
            <div class="resume-area fix pt-100 pb-100" id="resume">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="section-title">
                                <h1>旅行攻略</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-md-6">
                            <div class="resume-title text-center">
                                <h2>路线</h2>
                            </div>
                            <div class="resume-content wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay=".3s">
                                <p class="resume-date">第一站</p>
                                <h3>潜口太极养生小镇</h3>
                                <p class="designation">太极文化</p>
                                <p class="resume-text">在太极院，您可以跟随大师学习太极，感受阴阳平衡的哲学；在中医药养生旅游示范基地，您可以体验到新安医学的传统疗法，如针灸、拔罐、中药足浴等，让身心得到彻底的放松和恢复。</p>
                            </div>
                            <div class="resume-content wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay=".6s">
                                <p class="resume-date">第二站</p>
                                <h3>新安江百里山水画廊</h3>
                                <p class="designation">歙县深渡镇新安江</p>
                                <p class="resume-text">江水澄碧，两岸青山如黛，徽派古民居点缀在绿水青山之间，构成了一幅极具特色的皖南山水图。近年来，黄山市充分利用新安江百里大画廊生态环境和新安医学打出“走进画廊+养生养老+中医康养”等清肺之旅系列产品，打造康养品牌。在这里，您可以呼吸着清新的空气，品尝着当地的药膳美食，让身心在大自然的洗礼中得到净化和滋养。</p>
                            </div>
                            <div class="resume-content wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay=".9s">
                                <p class="resume-date">第三站</p>
                                <h3>黄山市中医院新安名医堂</h3>
                                <p class="designation">名医堂</p>
                                <p class="resume-text"> 这里汇聚了众多新安医学的传承人和名医，他们以精湛的医术和丰富的经验，为游客提供个性化的中医诊疗服务。这里能够开展50多种中医药适宜技术，年中医处方量超过5.5万张，新安名医堂不仅受到广大患者的好评，更成了新安医学的一张亮丽名片。在这里，您可以享受到专业的中医健康咨询，体验到中医的神奇魅力。</p>
                            </div>
                        </div>
                        <div class="col-xl-6 col-md-6">
                            <div class="resume-title text-center">
                                <h2>风景</h2>
                            </div>
							<div class="resume-content wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay=".3s">
								<img src="img/traver/traver_1.jpg" width="450" height="250">
							</div>
							<div class="resume-content wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay=".6s" >
                                <img src="img/traver/traver_2.jpg" width="450" height="310">
							</div>
							<div class="resume-content wow fadeInLeftBig" data-wow-duration="1s">
								<img src="img/traver/traver_3.jpg" width="450" height="310">
							</div>
                            
                        </div>
                    </div>
                </div>
            </div>
            <!-- resume area end -->
            <!-- service area start -->
            <div class="service-area pt-100 pb-100" id="portfolio">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="section-title">
                                <h1>营养定制</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-4 col-md-6 item-center">
                            <div class="service-content text-center mb-30 wow zoomIn" data-wow-duration=".5s" data-wow-delay=".3s">
                                <span>
                                    <i class="fab fa-wordpress"></i>
                                </span>
                                <h3><a href="content.html">湿热质</a></h3>
                                <p>湿热内蕴，面垢油光、口苦、苔黄腻等。容易心烦急躁</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-6 item-center">
                            <div class="service-content text-center mb-30 wow zoomIn" data-wow-duration=".5s" data-wow-delay=".3s">
                                <span>
                                    <i class="fab fa-react"></i>
                                </span>
                                <h3><a href="content.html">阳虚质</a></h3>
                                <p>阳气不足，畏寒怕冷、手足不温。性格多沉静、内向</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-6 item-center">
                            <div class="service-content text-center mb-30 wow zoomIn" data-wow-duration=".5s" data-wow-delay=".3s">
                                <span>
                                    <i class="fab fa-angular"></i>
                                </span>
                                <h3><a href="content.html">气郁质</a></h3>
                                <p>气机郁滞，神情抑郁、忧虑脆弱。性格内向不稳定，敏感多虑。</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-6 item-center">
                            <div class="service-content text-center mb-30 wow zoomIn" data-wow-duration=".5s" data-wow-delay=".3s">
                                <span>
                                    <i class="fab fa-uikit"></i>
                                </span>
                                <h3><a href="content.html">痰湿质</a></h3>
                                <p>痰湿凝聚、形体肥胖、腹部肥满、口黏苔腻。性格温和、稳重、善于忍耐。</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-6 item-center">
                            <div class="service-content text-center mb-30 wow zoomIn" data-wow-duration=".5s" data-wow-delay=".3s">
                                <span>
                                    <i class="fas fa-tv"></i>
                                </span>
                                <h3><a href="content.html">气虚质</a></h3>
                                <p>元气不足，疲乏、气短、自汗。性格内向，不喜冒险。</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-6 item-center">
                            <div class="service-content text-center mb-30 wow zoomIn" data-wow-duration=".5s" data-wow-delay=".3s">
                                <span>
                                    <i class="fab fa-node-js"></i>
                                </span>
                                <h3><a href="content.html">血瘀质</a></h3>
                                <p>血行不畅，肤色晦暗、舌质紫黯。易烦，健忘，性情急躁。</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-6 item-center">
							<div class="service-content text-center mb-30 wow zoomIn" data-wow-duration=".5s" data-wow-delay=".3s">
							    <span>
							        <i class="fab fa-uikit"></i>
							    </span>
							    <h3><a href="content.html">平和质</a></h3>
							    <p>阴阳气血调和，以体态适中、面色红润、精力充沛。性格随和开朗。</p>
							</div>
						</div>
						<div class="col-xl-4 col-md-6 item-center">
							<div class="service-content text-center mb-30 wow zoomIn" data-wow-duration=".5s" data-wow-delay=".3s">
							    <span>
							        <i class="fab fa-react"></i>
							    </span>
							    <h3><a href="content.html">特禀质</a></h3>
							    <p>先天失常，生理缺陷、过敏体质。随禀质不同情况各异。</p>
							</div>
						</div>
						<div class="col-xl-4 col-md-6 item-center">
							<div class="service-content text-center mb-30 wow zoomIn" data-wow-duration=".5s" data-wow-delay=".3s">
							    <span>
							        <i class="fab fa-wordpress"></i>
							    </span>
							    <h3><a href="content.html">阴虚质</a></h3>
							    <p>阴液亏少，口燥咽干、手足心热。性情急躁，外向好动，活泼。</p>
							</div>
						</div>
					</div>
                </div>
            </div>
            <!-- service area end -->
            <!-- counter area start -->
            <div class="counter-area pt-100 pb-100" data-background="img/counter/counter-bg.jpg">
                <div class="container">
                    <div class="row counter-shadow">
                        <div class="col-xl-3 col-md-3">
                            <div class="counter-content text-center">
                                <h5><span class="counter">7000</span>+</h5>
                                <p>文创宣传数据</p>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-3">
                            <div class="counter-content text-center">
                                <h5><span class="counter">4260</span>+</h5>
                                <p>小红书</p>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-3">
                            <div class="counter-content text-center">
                                <h5><span class="counter">2000</span>+</h5>
                                <p>抖音</p>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-3">
                            <div class="counter-content text-center">
                                <h5><span class="counter">300</span>+</h5>
                                <p>微信公众号</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- counter area end -->
             <!-- portfolio start -->
             <div class="portfolio-area fix pt-100 pb-100" id="client">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="section-title">
                                <h1>文创宣传</h1>                               
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="portfolio-btn text-center">
                                <button class="active" data-filter="*">全部</button>
                                <button data-filter=".cat1">民宿设计</button>
                                <button data-filter=".cat2">文创IP</button>
                                <button data-filter=".cat3">日常用品</button>
                            </div>
                        </div>
                    </div>
                    <div class="row grid">
                        <div class="col-xl-4 col-lg-4 col-md-6 grid-item cat1 ">
                            <div class="portfolio-image">
                                <img src="static/picture/portfolio-01.jpg" alt="portfolio-01.jpg">
                                <div class="zoom-image">
                                    <a class="view" href="static/picture/portfolio-01.jpg"><i class="fas fa-search-plus"></i></a>
                                    <a href="#"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6 grid-item cat1">
                            <div class="portfolio-image">
                                <img src="static/picture/portfolio-02.jpg" alt="portfolio-02.jpg">
                                <div class="zoom-image">
                                    <a class="view" href="static/picture/portfolio-02.jpg"><i class="fas fa-search-plus"></i></a>
                                    <a href="#"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                        </div>
						<div class="col-xl-4 col-lg-4 col-md-6 grid-item cat1">
						    <div class="portfolio-image">
						        <img src="static/picture/portfolio-08.jpg" alt="portfolio-08.jpg">
						        <div class="zoom-image">
						            <a class="view" href="static/picture/portfolio-08.jpg"><i class="fas fa-search-plus"></i></a>
						            <a href="#"><i class="fas fa-link"></i></a>
						        </div>
						    </div>
						</div>
                        <div class="col-xl-4 col-lg-4 col-md-6 grid-item cat2">
                            <div class="portfolio-image">
                                <img src="static/picture/portfolio-03.jpg" alt="portfolio-03.jpg">
                                <div class="zoom-image">
                                    <a class="view" href="static/picture/portfolio-03.jpg"><i class="fas fa-search-plus"></i></a>
                                    <a href="#"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                        </div>
						<div class="col-xl-4 col-lg-4 col-md-6 grid-item cat2">
						    <div class="portfolio-image">
						        <img src="static/picture/portfolio-04.jpg" alt="portfolio-04.jpg">
						        <div class="zoom-image">
						            <a class="view" href="static/picture/portfolio-04.jpg"><i class="fas fa-search-plus"></i></a>
						            <a href="#"><i class="fas fa-link"></i></a>
						        </div>
						    </div>
						</div>
						<div class="col-xl-4 col-lg-4 col-md-6 grid-item cat2">
						    <div class="portfolio-image">
						        <img src="static/picture/portfolio-05.jpg" alt="portfolio-05.jpg">
						        <div class="zoom-image">
						            <a class="view" href="static/picture/portfolio-05.jpg"><i class="fas fa-search-plus"></i></a>
						            <a href="#"><i class="fas fa-link"></i></a>
						        </div>
						    </div>
						</div>
                        <div class="col-xl-4 col-lg-4 col-md-6 grid-item cat3">
                            <div class="portfolio-image">
                                <img src="static/picture/portfolio-09.jpg" alt="portfolio-09.jpg">
                                <div class="zoom-image">
                                    <a class="view" href="static/picture/portfolio-09.jpg"><i class="fas fa-search-plus"></i></a>
                                    <a href="#"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6 grid-item cat3">
                            <div class="portfolio-image">
                                <img src="static/picture/portfolio-06.jpg" alt="portfolio-06.jpg">
                                <div class="zoom-image">
                                    <a class="view" href="static/picture/portfolio-06.jpg"><i class="fas fa-search-plus"></i></a>
                                    <a href="#"><i class="fas fa-link"></i></a>
                                </div>
                            </div>
                        </div>
						<div class="col-xl-4 col-lg-4 col-md-6 grid-item cat3">
						    <div class="portfolio-image">
						        <img src="static/picture/portfolio-07.jpg" alt="portfolio-07.jpg">
						        <div class="zoom-image">
						            <a class="view" href="static/picture/portfolio-07.jpg"><i class="fas fa-search-plus"></i></a>
						            <a href="#"><i class="fas fa-link"></i></a>
						        </div>
						    </div>
						</div>
                    </div>
                </div>
            </div>
            <!-- portfolio end -->
            <!-- testimonial area start -->
            <div class="testimonial-area fix pt-100 pb-200" id="client" style="background-color: #f3f3f3;"> 
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="section-title">
                                <h1>最新文章</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row testimonial-active">
                        <div class="col-xl-6">
                            <div class="testimonial-content mb-30">
                                <p>"当繁复的方剂化身朗朗上口的歌谣，当深奥的医理揭开神秘莫测的面纱，他是中医界的方文山，是入门学子的幼教师"</p>
                                <h3><a href="https://mp.weixin.qq.com/s/BXHOD52I105fbGV2Ld3rEw">故事里的新安——经典咏流传</a></h3>
                                <span>橘泉</span>
                                <div class="clinet-image">
                                    <img src="static/picture/client-01.jpg" alt="" width=150>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="testimonial-content mb-30">
                                <p>"徐家世代以儒为业，然因徐春甫身体羸弱，多病缠身，遂师从名医汪宦学习医术。他广泛阅读医学典籍，精通内科、妇科、儿科等多个医学领域。新安“固本培元”派代表人物之一。徐春甫 一生精勤笃学，著述甚丰。"</p>
                                <h3><a href="https://mp.weixin.qq.com/s/MqCLcKapS2xzvqW9hGK5Sg">故事里的新安——御医也开学术研讨会</a></h3>
                                <span>橘泉</span>
                                <div class="clinet-image">
                                    <img src="static/picture/client-02.jpg" alt="" width=150>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="testimonial-content mb-30">
                                <p>"孙一奎（1522-1619年），明代著名中医学家。字文垣，号东宿，别号生生子。安徽休宁人，新安医学代表人物之一。"</p>
                                <h3><a hre="https://mp.weixin.qq.com/s/m6G2tsjcuRV5iz4tngtyuQ">故事里的新安——奎星照耀二十八个州府</a></h3>
                                <span>橘泉</span>
                                <div class="clinet-image">
                                    <img src="static/picture/client-03.jpg" alt="" width=150>
                                </div>
                            </div>
                        </div>
						<div class="col-xl-6">
						    <div class="testimonial-content mb-30">
						        <p>"一年之计在于春。你是否也想在这个季节里焕新生，让身心在自然的怀抱中得到滋养？新安医家以千年智慧，为你细心编织一张春季养生的网，让药膳的香气，唤醒你对美好生活的全部想象。"</p>
						        <h3><a hre="https://mp.weixin.qq.com/s/o8VcTuJB-NoNNwxVlzQt3Q">春养暖阳映新安：春气之应，养生之道也</a></h3>
						        <span>橘泉</span>
						        <div class="clinet-image">
						            <img src="static/picture/client-04.jpg" alt="" width=150>
						        </div>
						    </div>
						</div>
						<div class="col-xl-6">
						    <div class="testimonial-content mb-30">
						        <p>"季春时节，大地开阔。春分后十五日，斗指乙，万物清明，故为“清”。轻风细雨，山河秀丽。二十四节气之第五节气----清明"</p>
						        <h3><a hre="https://mp.weixin.qq.com/s/yG7WqLPCzJEqxO4LV9wyOQ">【节气养生|清明】一席清风 吐故纳新</a></h3>
						        <span>橘泉</span>
						        <div class="clinet-image">
						            <img src="static/picture/client-05.jpg" alt="" width=150>
						        </div>
						    </div>
						</div>
						<div class="col-xl-6">
						    <div class="testimonial-content mb-30">
						        <p>"值仲春时节，当春意盎然。清明节时，人们祭祀先祖。清明节后，借由先祖保佑，人们洗濯去垢，消除不祥。日逢巳午全愈好,从此无灾过有秋；日逢巳时，万物生长，故为“上巳”"</p>
						        <h3><a hre="https://mp.weixin.qq.com/s/ZBdKsrRt13XYhoNtcGf6PA">三月三日天气新，新安江边多丽人。</a></h3>
						        <span>橘泉</span>
						        <div class="clinet-image">
						            <img src="static/picture/client-06.jpg" alt="" width=150>
						        </div>
						    </div>
						</div>
						
						
                    </div>
                </div>
            </div>
            <!-- testimonial area end -->
            <!-- contact area start -->
            <div class="contact-area pt-100 pb-100" id="contact">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="section-title">
                                <h1>保持联系</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row custom-row">
                        <div class="col-xl-8 col-md-8 col-sm-8 ">
                            <div class="row">
                                <div class="col-xl-6 col-md-12 col-sm-12">
                                    <div class="contact-info text-center">
                                        <div class="contact-theme">
                                            <i class="fas fa-phone"></i>
                                        </div>
                                        <p>电话</p>
                                        <span>+12345678</span>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-md-12 col-sm-12">
                                    <div class="contact-info text-center">
                                        <div class="contact-theme">
                                            <i class="fas fa-envelope"></i>
                                        </div>
                                        <p>邮箱</p>
                                        <span>exmaple@gmail.com</span>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-md-12 col-sm-12">
                                    <div class="contact-info text-center">
                                        <div class="contact-theme">
                                            <i class="fas fa-map-marker-alt"></i>
                                        </div>
                                        <p>地址</p>
                                        <span>安徽合肥</span>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-md-12 col-sm-12">
                                    <div class="contact-info text-center">
                                        <div class="contact-theme">
                                            <i class="fas fa-share-alt"></i>
                                        </div>
                                        <p>联系我</p>
                                        <div class="contact-social">
                                            <a href="#" class="fb"><i class="fab fa-facebook-f"></i></a>
                                            <a href="#" class="linkedin"><i class="fab fa-linkedin-in"></i></a>
                                            <a href="#" class="twitter"><i class="fab fa-twitter"></i></a>
                                            <a href="#" class="dribble"><i class="fab fa-dribbble"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-12">
                            <div class="contact-form-title">
                                <h4>发送信息</h4>
                            </div>
                            <div class="contact-form">
                                <form action="content.html">
                                    <input type="text" required="" placeholder="姓名">
                                    <input type="email" required="" placeholder="邮箱">
                                    <textarea cols="30" rows="4" required="" placeholder="建议"></textarea>
                                    <button type="submit">提交</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- contact area end -->
            </main>
            <footer>
                <div class="footer-area pt-30 pb-15" style="background-color: #f3f3f3;">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="copywirte text-center">
                                    <p>Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                  <!-- back to top start -->
                <div class="back-to-top">
                    <span class="back-top"><i class="fas fa-angle-double-up"></i></span>
                </div>
                <!-- back to top end -->
            </footer>
        
            

        
		<!-- JS here -->
        <script src="static/js/modernizr-3.5.0.min.js"></script>
        <script src="static/js/jquery-1.12.4.min.js"></script>
        <script src="static/js/bootstrap.min.js"></script>
        <script src="static/js/jquery.animatedheadline.js"></script>
        <script src="static/js/isotope.pkgd.min.js"></script>
        <script src="static/js/one-page-nav-min.js"></script>
        <script src="static/js/slick.min.js"></script>
        <script src="static/js/waypoints.min.js"></script>
        <script src="static/js/jquery.counterup.min.js"></script>
        <script src="static/js/wow.min.js"></script>
        <script src="static/js/jquery.scrollUp.min.js"></script>
        <script src="static/js/imagesloaded.pkgd.min.js"></script>
        <script src="static/js/jquery.magnific-popup.min.js"></script>
        <script src="static/js/plugins.js"></script>
        <script src="static/js/main.js"></script>
    </body>
</html>
